<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a style="color: #000000;" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的</h1>
		</header>
		<div class="mui-content">
			<div
				style="height: 200px;display: flex;align-items: center;justify-content: center;flex-direction: column;">
				<div class="unema"
					style="border: 1px solid #AAAAAA;border-radius: 50%;height: 80px;background-color: transparent;width: 80px;text-align: center;line-height: 80px;color: #8F8F94;overflow: hidden;">
					未登录
				</div>
			</div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell" style="display: flex;">
					<span style="flex: 1;">支付状态:</span><label class="zfzt" style="flex: 1;color: rgba(0,0,0,.6);">未支付</label>
				</li>
				<li class="mui-table-view-cell" style="display: flex;">
					<span style="flex: 1;">是否建言:</span><label class="jianyan" style="flex: 1;color: rgba(0,0,0,.6);">否</label>
				</li>
				<li class="mui-table-view-cell" style="display: flex;">
					<span style="flex: 1;">随手拍使用:</span><label style="flex: 1;color: rgba(0,0,0,.6);" class="ssps">未使用</label>
				</li>
			</ul>
			<div class="anniu" style="display: flex;justify-content: center;align-items: center;margin-top: 30px;">
				<button type="button"
					style="background-color: red;height: 40px;border: none;line-height: 7px;width: 80vw;"
					onclick="tiaozhuan('login.html')" class="mui-btn mui-btn-blue mui-btn-block">登录</button>
			</div>
		</div>
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
			if (!localStorage.getItem("admin")) {
				mui.confirm('点击确认前往登录', '登录', ['取消', '确认'], function(e) {
					console.log(e)
					if (e.index === 1) {

						tiaozhuan('login.html')
					} else {
						e.index
					}
				}, 'div')
			} else {
				document.querySelector('.anniu').innerHTML = `
					<button type="button" style="background-color: red;height: 40px;border: none;line-height: 7px;width: 80vw;" onclick="tuichu()" class="mui-btn mui-btn-blue mui-btn-block">退出登录</button>
				`
				document.querySelector('.unema').innerHTML=`
				<img src="images/logo.png" style="width: 100%;height: 100%;">
				`
				if(localStorage.getItem("test")){
					document.querySelector(".zfzt").innerHTML="已支付"
				}
				mui.plusReady(function () {
				    if(plus.storage.getItem("img")){
				    	document.querySelector(".jianyan").innerHTML="是"
				    }
				})
				if(localStorage.getItem("ssp")){
					document.querySelector(".ssps").innerHTML="已使用"
				}
				
			}

			function tuichu() {
				localStorage.removeItem("admin")
				tiaozhuan('index.html')
				
			}
		</script>
	</body>
</html>
